<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/jquery-1.7.2.js"></script>
<script type="text/javascript">
	function ok(letter){
		
		var name=document.nameForm;
		if(name.name.value.length>6){
			alert("이름은 5자 이내로 기입해주세요!");
			name.name.value="";
			name.name.focus();
		}
		/* alert(letter); */
		else if(	name.notDuplicate.value==letter){
			name.submit();
		}else{
			alert("다중가입방지창을 다시 입력해주세요!");
			name.notDuplicate.value="";
			name.notDuplicate.focus();
			return false;
		}
	}
</script>
</head>
<body>
	<center>
		<table width="900" border="0" cellpadding="5px" align="center">
			<tr height="20">
				<td align="center" colspan="2"></td>
			</tr>
			<tr height="70">
				<!-- 1번째 줄 : DABANG 회원가입... 다방|도움말 -->
				<td align="left" colspan="2">
					<a href="${pageContext.request.contextPath }/cafe.do?command=cafe">
					<img src="${pageContext.request.contextPath }/img/register/dabang.png"></a>
						&nbsp;&nbsp;<a href="hello_register.jsp"><img src=
						"${pageContext.request.contextPath }/img/register/register_letter.png"></a>
				</td>
				<td align="right"></td>
			</tr>
			<tr height="105">
				<!-- 2번째 줄 : 약관동의//가입인증//정보입력/가입완료 그림 -->
				<td colspan="2" background="${pageContext.request.contextPath }/img/register/inzng_register.JPG"
					width="600"></td>
			</tr>
			<tr height="20"></tr>
			<tr height="125">
				<!-- 3번째 줄 : 인증에 관한 내용 그림 -->
				<td colspan="2"><font face="gothic">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; · 주민등록번호 입력 없이
							회원가입이 가능합니다.<br>
						<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; · 대부분의 서비스가 이용
							가능합니다.<br>
						<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; · 이름은 추후 변경할 수
							없습니다.
					</font></td>
			</tr>
			<tr height="20"></tr>
			<tr>
				<td colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<font face="gothic"><b>회원가입</b></font>
				</td>
			</tr>
			<tr>
				<!-- 4번째 줄 : Line image... -->
				<td colspan="2" background="../img/register/line.PNG"></td>
			</tr>
			<tr height="20"></tr>
			<tr>
				<!-- 5 : 가입절차 내용들 -->
				<td colspan="1" align="center">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<img src="${pageContext.request.contextPath }/img/security_word/${requestScope.map.URI}"><br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<font face="gothic" size="2">(그림)의 글자를 다중가입방지칸에 입력하세요!</font>
				</td>
				<td colspan="1">
					<form name="nameForm" action=
						"${pageContext.request.contextPath }/member_view/register.jsp">
						<font face="gothic"><b>이름　　　　&nbsp;&nbsp;</b></font>
						<input type="text" name="name"><br><br>
						<font face="gothic"><b>다중가입방지&nbsp;&nbsp;</b></font>
						<input type="text" name="notDuplicate">
					</form>
				</td>
			</tr>
			<tr height="20"></tr>
			<tr>
				<!-- 6 : Line image... -->
				<td colspan="2" background="../img/register/line.PNG"></td>
			</tr>
			<tr height="20"></tr>
			<tr>
				<!-- 7 : 확인버튼 -->
				<td align="center" colspan="2">
					<input type="image" value="확인" onclick="return ok('${requestScope.map.LETTER}')" 
						src="${pageContext.request.contextPath }/img/register/btn_confirm.gif">
				</td>
			</tr>
		</table>
	</center>
</body>
</html>
